﻿@model MobileWebsiteGenerator.Entities.Customer
@{
    ViewBag.Title = "Create";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<script type="text/javascript">
    jQuery(document).ready(function () {
        jQuery("#pform").validationEngine('attach', { promptPosition: "centerRight" });

    });
</script>
<script type="text/javascript">
    $(document).ready(function () {
        $("#phone").mask("999-999-9999");

    });

</script>
@section MobilePreview
{
    @Html.Partial("_HomeIphone")
}
<script src="@Url.Content("~/Content/Forms/En%20engine.js")" type="text/javascript"></script>
<link href="@Url.Content("~/Content/Forms/Engine.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Content/Forms/Engine.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Content/js/jquery.maskedinput-1.3.js")" type="text/javascript"></script>
<div style="float: right; margin-left:200px;  vertical-align: top; margin: 0px; padding: 0px;"
    class="form_content">
    <h3 >
        Registration form</h3>
    <div>
        <form id="pform" class="" method="post" action="/Customer/Create">
        <div class="form_row">
            <label>
                Full Name</label>
            <input class="form_input validate[required,minSize[5]] text-input" id="FullName"
                name="FullName" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="FullName" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Username</label>
            <input class="form_input validate[required,minSize[5],custom[onlyLetterNumber]] text-input "
                id="UserName" name="UserName" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="UserName" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Password</label>
            <input class="form_input validate[required,minSize[6]] text-input " id="Password"
                name="Password" type="password" value="" />
            <span class="field-validation-valid" data-valmsg-for="Password" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Confirm Password</label>
            <input class="form_input validate[required] text-input" id="confirmPassword" name="confirmPassword"
                type="password" value="" />
            <span class="field-validation-valid" data-valmsg-for="confirmPassword" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Email</label>
            <input class="form_input validate[required,custom[email]] text-input" data-val="true"
                data-val-required="The Email field is required." id="Email" name="Email" type="text"
                value="" />
        </div>
        <div class="form_row">
            <label>
                Confirm Email</label>
            <input class="form_input validate[required,custom[email]] text-input" id="ConfirmEmail"
                name="ConfirmEmail" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="ConfirmEmail" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Company</label>
            <input class="form_input "
                id="company" name="company" type="text" value="" />
            <span class="field-validation-valid" data-valmsg-for="company" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Website</label>
            <input class="form_input  "
                id="WebsiteAddress" name="WebsiteAddress" type="text" value="" />
            <span class=" field-validation-valid" data-valmsg-for="WebsiteAddress" data-valmsg-replace="true">
            </span>
        </div>
        <div class="form_row">
            <label>
                Phone</label>
            <input type="text" class="form_input  " name="phone" id="phone" value="" />
        </div>
        <div class="form_row" style="margin-right: -450px;">
            <img style="margin-left: 200px;" src="/Customer/ShowCaptchaImage" id="Captcha" />
            <p style="margin-left: 200px;">
            </p>
            <label>
                Input Text</label><input style="" id="CaptchaText" class="form_input" name="CaptchaText"
                    type="text" value="" placeholder="Please enter the string as shown above" />
        </div>
        @*
        @CaptchaMVC.HtmlHelpers.CaptchaHelper.Captcha(Html, "Refresh", "Input symbols", 5)*@
        <div class="form_row">
            <input type="submit" class="form_submit submit " id="submit" value="Submit" />
        </div>
        </form>
    </div>
</div>
<style type="text/css">
    #submit:hover
    {
        background-color: #11639d;
        color: White;
    }
    
    div.form_content .form_row label
    {
        background-color: #11639d;
        color: White;
    }
</style>
